import React,{Component} from 'react';


import {observer,inject} from "mobx-react";
import {computed,toJS} from "mobx";


import {View} from "../component/index";
import {
  UploadOutlined,
  PlusOutlined,
  DeleteOutlined,
  AccountBookOutlined,
  SaveOutlined,
  PictureOutlined,
  LoadingOutlined,
  CloseOutlined
} from '@ant-design/icons';
import {
  Select,
  Input,
  Button,
  Switch,
  Cascader,
  Spin,
  Radio,
  InputNumber,
  Slider,
  Image
} from "antd";
const { Option } = Select;
const {TextArea } = Input;

const sty={
  view:{
    padding:5,
    flexDirection:"row",
    jusitifyContent:"center",
    alignItems:"center",
    maxWidth:600,
    height:50,
  }
}

// 订单详情
@inject(["store"])
@observer
class OrderEdit extends Component{
  constructor(props){
    super(props);
    this.store = props.store;
    this.order = props.store.storeOrderEdit;
    this.order.set("id",this.props.match.params.id?this.props.match.params.id:0)
  }
  
  componentDidMount(){
    this.store.navigation({page:"ProductEdit"});
    this.order.init();
  }


  // 高度
  @computed get height(){return this.store.height;}
  @computed get sys(){return this.store.website.sys;}
  @computed get user(){return this.store.user;}
 

  // loading
  @computed get loading(){return this.order.loading;}
  @computed get loadingUploadImage(){return this.order.loadingUploadImage;}
  // 商品数据
  @computed get data(){return toJS(this.order.data);}
 
  
 
  
 

  render(){
 
    return (
      <View style={{flexDirection:"column",height:this.height,width:"100%",paddingLeft:10,paddingRight:10}}>
        <View><Input addonBefore="" /></View>
        <View><Input addonBefore="" /></View>
        <View><Input addonBefore="" /></View>
        <View><Input addonBefore="" /></View>
        <View><Input addonBefore="" /></View>

      </View>
    );
  }
}

export default OrderEdit;